<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
/* menuDiv */
.menuDiv{border:1px solid #CCCCCC;background:#FFFFFF;padding:1px;}
.menuDiv h3{font-size:14px;font-weight:bold;color:#FFFFFF;padding:5px 5px 5px 15px;background:#006699;cursor:pointer;height:22px;line-height:22px;overflow:hidden;}
.menuDiv ul li{color:#333333;background:#EEEEEE;padding:5px 5px 5px 15px;font-size:12px;margin:1px 0 0 0;height:16px;}
.menuDiv ul li a{color:#333333;background:#F4F4F4;display:block;padding:5px 5px 5px 15px;font-size:12px;margin:-5px -5px -5px -15px;text-decoration:none;height:16px;}
.menuDiv ul li a:hover{color:#FFFFFF;background:#006699;}
</style>

<div style=" float:left;width:268px;margin:50px;height:500px;">

	<div class="menuDiv"> 
		<h3>人事管理</h3> 	  
		<ul>
			<li><a href="p_manage.php">消息管理</a></li>
		</ul>
	</div>

	<div class="menuDiv"> 
		<h3>公告发布</h3> 
		<ul>
			<li><a href="http://www.xwcms.net/">企业类网站</a></li>
			<li><a href="http://www.xwcms.net/">行业类网站</a></li>
			<li><a href="http://www.xwcms.net/">BLOG类网站</a></li>
			<li><a href="http://www.xwcms.net/">门户类网站</a></li>
			<li><a href="http://www.xwcms.net/">商城类网站</a></li>
		</ul>
	</div>

	<div class="menuDiv"> 
		<h3>志愿者管理</h3> 
		<ul>
			<li><a href="http://www.xwcms.net/">企业类网站</a></li>
			<li><a href="http://www.xwcms.net/">行业类网站</a></li>
			<li><a href="http://www.xwcms.net/">BLOG类网站</a></li>
			<li><a href="http://www.xwcms.net/">门户类网站</a></li>
			<li><a href="http://www.xwcms.net/">商城类网站</a></li>
			<li><a href="http://www.xwcms.net/">企业类网站</a></li>
			<li><a href="http://www.xwcms.net/">行业类网站</a></li>
			<li><a href="http://www.xwcms.net/">BLOG类网站</a></li>
			<li><a href="http://www.xwcms.net/">门户类网站</a></li>
			<li><a href="http://www.xwcms.net/">商城类网站</a></li>
		</ul>
	</div>

	<div class="menuDiv"> 
		<h3>投票系统</h3> 
		<ul>
			<li><a href="http://www.xwcms.net/">yy娱乐频道设计</a></li>
			<li><a href="http://www.xwcms.net/">yy情侣频道设计图</a></li>
			<li><a href="http://www.xwcms.net/">yy游戏频道设计图</a></li>
			<li><a href="http://www.xwcms.net/">YY个性签名</a></li>
		</ul>
	</div>
    <div class="menuDiv"> 
		<h3>活动管理</h3> 
		<ul>
			<li><a href="http://www.xwcms.net/">yy娱乐频道设计</a></li>
			<li><a href="http://www.xwcms.net/">yy情侣频道设计图</a></li>
			<li><a href="http://www.xwcms.net/">yy游戏频道设计图</a></li>
			<li><a href="http://www.xwcms.net/">YY个性签名</a></li>
		</ul>
	</div>
    <div class="menuDiv"> 
		<h3>活动管理</h3> 
		<ul>
			<li><a href="http://www.xwcms.net/">yy娱乐频道设计</a></li>
			<li><a href="http://www.xwcms.net/">yy情侣频道设计图</a></li>
			<li><a href="http://www.xwcms.net/">yy游戏频道设计图</a></li>
			<li><a href="http://www.xwcms.net/">YY个性签名</a></li>
		</ul>
	</div>
    <div class="menuDiv"> 
		<h3>活动管理</h3> 
		<ul>
			<li><a href="http://www.xwcms.net/">yy娱乐频道设计</a></li>
			<li><a href="http://www.xwcms.net/">yy情侣频道设计图</a></li>
			<li><a href="http://www.xwcms.net/">yy游戏频道设计图</a></li>
			<li><a href="http://www.xwcms.net/">YY个性签名</a></li>
		</ul>
	</div>
    <div class="menuDiv"> 
		<h3>活动管理</h3> 
		<ul>
			<li><a href="http://www.xwcms.net/">yy娱乐频道设计</a></li>
			<li><a href="http://www.xwcms.net/">yy情侣频道设计图</a></li>
			<li><a href="http://www.xwcms.net/">yy游戏频道设计图</a></li>
			<li><a href="http://www.xwcms.net/">YY个性签名</a></li>
		</ul>
	</div>
    <div class="menuDiv"> 
		<h3>意见箱</h3> 
		<ul>
			<li><a href="http://localhost/l_library/zytd/lyb.php">您的宝贵意见</a></li>
		</ul>
	</div>
</div>

<script type="text/javascript">
function MenuSwitch(className){		
	this._elements = [];
	this._default = -1;
	this._className = className;
	this._previous = false;
}
MenuSwitch.prototype.setDefault = function(id){
	this._default = Number(id);
}
MenuSwitch.prototype.setPrevious = function(flag){
	this._previous = Boolean(flag);
}
MenuSwitch.prototype.collectElementbyClass = function(){
	this._elements = [];
	var allelements = document.getElementsByTagName("div");
	for(var i=0;i<allelements.length;i++){
		var mItem = allelements[i];
		if (typeof mItem.className == "string" && mItem.className == this._className){
			var h3s = mItem.getElementsByTagName("h3");
			var uls = mItem.getElementsByTagName("ul");
			if(h3s.length == 1 && uls.length == 1){
				h3s[0].style.cursor = "hand";					
				if(this._default == this._elements.length){
					uls[0].style.display = "block";	
				}else{
					uls[0].style.display = "none";	
				}
				this._elements[this._elements.length] = mItem;
			}				
		}
	}
}
MenuSwitch.prototype.open = function(mElement){
	var uls = mElement.getElementsByTagName("ul");
	uls[0].style.display = "block";
}
MenuSwitch.prototype.close = function(mElement){
	var uls = mElement.getElementsByTagName("ul");
	uls[0].style.display = "none";
}
MenuSwitch.prototype.isOpen = function(mElement){
	var uls = mElement.getElementsByTagName("ul");		
	return uls[0].style.display == "block";
}
MenuSwitch.prototype.toggledisplay = function(header){
	var mItem;
	if(window.addEventListener){
		mItem = header.parentNode;
	}else{
		mItem = header.parentElement;
	}
	if(this.isOpen(mItem)){
		this.close(mItem);
	}else{
		this.open(mItem);
	}		
	if(!this._previous){
		for(var i=0;i<this._elements.length;i++){
			if(this._elements[i] != mItem){				
				var uls = this._elements[i].getElementsByTagName("ul");
				uls[0].style.display = "none";		
			}
		}
	}
}	
MenuSwitch.prototype.init = function(){		
	var instance = this;
	this.collectElementbyClass();
	if(this._elements.length==0){
		return;
	}
	for(var i=0;i<this._elements.length;i++){
		var h3s = this._elements[i].getElementsByTagName("h3");			
		if(window.addEventListener){
			h3s[0].addEventListener("click",function(){instance.toggledisplay(this);},false);
		}else{
			h3s[0].onclick = function(){instance.toggledisplay(this);}
		}
	}
}
</script>



<script language="javascript">
var mSwitch = new MenuSwitch("menuDiv");
mSwitch.setDefault(0);
mSwitch.setPrevious(false);
mSwitch.init();
</script>